<!DOCTYPE html>
<html>
<head>
<title>闯关练习 {$site_name}</title>
<tc_include file="Public:head" />
<link href="/themes/simplebootx/Public/assets/css/base.css" rel="stylesheet">
<link href="/themes/simplebootx/Public/assets/css/paper.css" rel="stylesheet">
<link href="/themes/simplebootx/Public/assets/css/exam.css"	rel="stylesheet">
<style type="text/css">
.exam-info-box {
	background-color: #fff;
	padding: 0;
}

.exam-info-box {
	background-color: #FFF;
	border: #e0e0e0 solid 1px;
	border-top: #f04800 solid 3px;
	box-shadow: 1px 2px 3px #ddd;
}

.exam-info-box dl {
	padding: 0;
	margin: 0;
}

.exam-info-box dt, .exam-info-box dd {
	line-height: 30px;
	padding-left: 20px;
}

.exam-info-box dt {
	padding-left: 32px;
	line-height: 50px;
	color: #000;
	font-size: 16px;
	font-weight: bold
}
.dopra-con {
	margin: 0;
	padding: 0;
}
</style>
</head>
<body class="boxed">
	<div class="body">
			<!-- 通用头部 -->
			<div id="top"><tc_include file="Public:front_nav" /></div>
			<div class="shade-bg">
				<img src="__TMPL__Public/front/img/sha.png" class="slidershadow" alt="">
			</div>
	<div class="container">
		<div class="row">
			<div class="main_content clearfix">
				<div class="col-sm-2 pad-left">
					<php>$menu_index='2-1';</php>
					<tc_include file="Public:user_menu" />
				</div>
				<div class="col-sm-10 pad-right">
					<div class="caption f-mb20">
						<p class="caption-lf">
							<span class="name">闯关练习</span>
						</p>
						<p class="caption-rt">
						</p>
					</div>
					<div class="daily-practice bor">
						<div class="pic">
							<img src="http://wx.233.com/tiku/static/skin/images/meiriyilian.png">
						</div>
						<div class="pic-txt">闯关练习试题为随机试题，针对每位用户单独生成的练习。</div>
						<div class="tab-btn">
							<a href="javascript:void(0)" class="rili this" id="toDayBtn"><i></i>
								<span>我的练习</span></a>
							<a href="javascript:void(0)" id="yesterdayBtn"
								class="t-jl "><i></i><span>更多练习</span></a>
						</div>
						<!-- 今日练习-->
						<div class="list-subjects clearfix" id="toDayPanel">
							<dl>
								<foreach name="question_terms" item="item_term">
								<dd>
									<p class="h1">{$item_term}</p>
									<p class="h2">当前级别：{:sp_get_user_level_name(sp_get_current_user_level($key))}</p>
									<a href="{:U('stage/start_exercise',array('ques_term'=>$key))}" class="goToExercise btn">开始练习</a>
								</dd>
								</foreach>
							</dl>
						</div>
						<div class="list-subjects clearfix" style="display:none" id="yesterdayPanel">
							<dl>
								<foreach name="question_terms" item="item_term">
								<dd>
									<p class="h1">{$item_term}</p>
									<p class="h2">当前级别：{:sp_get_user_level_name(sp_get_current_user_level($key))}</p>
									<a href="{:U('stage/start_exercise',array('ques_term'=>$key))}" class="goToExercise btn">开始练习</a>
								</dd>
								</foreach>
							</dl>
						</div>
						<div id="pageBar" style="display: none;">
							<div class="ui-page ui-page-center"></div>
						</div>
					</div>
					
				</div>
			</div>
		</div>	
	</div>
	<tc_include file="Public:footer" />
</div>	
	<!-- JavaScript -->
	<tc_include file="Public:scripts" />
	<script type="text/javascript" src="__PUBLIC__/js/layer/layer.js"></script>
	<script type="text/javascript">
	$('.tab-btn a').click(function(){
		$(this).addClass('this').siblings().removeClass('this');
		if($(this).attr('id')=='toDayBtn'){
			$('#toDayPanel').show();
			$('#yesterdayPanel').hide();
		}
		else{
			$('#toDayPanel').hide();
			$('#yesterdayPanel').show();
		}
	});
	function showcalcu() {
		layer.open({
			type : 2,
			title : '计算器',
			shadeClose : true,
			shade : false,
			maxmin : true, //开启最大化最小化按钮
			area : [ '692px', '426px' ],
			content : "{:U('paper/calcu')}",
			success : function(layero, index) {
			}
		});
	}
	</script>
</body>
</html>